<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div style="text-align: center;" th:fragment="page_plus(pageInfo)">
    <div>
        <ul id="pagination" class="pagination"></ul>
        <!--<div style="display: inline; padding-bottom: 100px;">-->
            <!--<select>-->
                <!--<option value='5' th:selected="${pageInfo.size == 5}">5条/页</option>-->
                <!--<option value='10' th:selected="${pageInfo.size == 10}">10条/页</option>-->
                <!--<option value='20' th:selected="${pageInfo.size == 20}">20条/页</option>-->

                <!--&lt;!&ndash;<option value='20'<#if pageInfo.pageSize == 20>selected</#if>>20条/页</option>&ndash;&gt;-->
            <!--</select>-->
            <!--跳至-->
            <!--<input type='text' id='pageNum' style='width: 30px;' th:value='${pageInfo.pageNum}'>页-->
        <!--</div>-->
    </div>
<script>
    //分页
    $(function () {
        $("#pagination").twbsPagination({
            totalPages: [[${pageInfo.pages}]]||1,
            startPage: [[${pageInfo.pageNum}]] || 1,
            // totalPages: 10,
            // startPage: 2,
            visiblePages: 5,
            first: "首页",
            prev: "上页",
            next: "下页",
            last: "尾页",
            initiateStartPageClick: false,
            onPageClick: function (event, page) {
                $("#currentPage").val(page);

                $("#searchForm").submit();
            }
        });
    })
</script>
</div>
</html>